// 引入配置文件
@import "./_variable.scss";

@import "./_mixin.scss";
// html{
// 	font-size: 64px;
// }
// 设计稿为640px 
@function px2vw($px){
	@return $px/6.4*1vw;
}
// 假设640设计稿,html的font-size为64,则
// 64px = 1rem
// 1px = 1/64 rem/px
// 注意:这里的64记得同步到rem.js文件中
@function px2rem($px){
	@return $px * 1/64 * 1rem;
}

@function pxd2($px){
	@return $px / 2 * 1px;
}


.clear{
	clear: both;
}
// 头部导航
em{
	font-style: normal;
}

header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #b20000;
	padding: pxd2(25) 0px;
	z-index: 99999;
}
header .top{
	// position: fixed;
	// left: 0;
	// top: 0;
	width:100vw;
	height: auto;
	text-align: center;
	overflow: hidden;
	font-size: 0;
	// padding: 0 18px 0 23px;
}
header .top div{
	display: inline-block;
	// font-size: 0;
}
header .top .topleft{
	height: pxd2(50);
	width: pxd2(50);
	@include  imgwrapper;
	float: left;
	margin-left: 21px;
}
header .top .topright{
	// font-size: 0;
	height: pxd2(44);
	width: pxd2(44);
	@include  imgwrapper;
	float: right;
	margin-right: 18px;
}
header .top .logo{
	width: pxd2(266);
	height: pxd2(40);
	@include imgwrapper;
}



// 轮播图设置
/* 轮播图 */
.swiper-container{
	margin-top: 50px;
	// overflow: hidden;
	width: 100vw;
	height: 6.5937rem;
	/* background-color: red; */
	position: relative;
}
.swiper-slide{
	// margin-top: 0.1562rem;
	// position: absolute;
	text-align: center;
	display: flex;
	justify-content: center;
	@include imgwrapper;
}


.bg{
	height: 1.625rem;
	padding-top: 5px;
	width: 100vw;
	position: absolute;
	bottom: 0;
	left: 0;
	color: white;
	z-index: 1;
	font-size: 0.416rem;
	/* text-align: center; */
	background-image: url(../images/bg.png);
}
.bg .bg_item{
	width: 100vw;
	height: pxd2(40);
	font-size: 0.34375rem;
	// overflow: hidden;
}

.bg p{
	margin-left: 4.6785vw;
	margin-top: 12px;
}
.bg_item span img{
	// display: inline-block;
	vertical-align: middle;
}
.bg .bg_left{
	font-size: 0.34375rem;
	float: left;
	margin-left: 4.6785vw;
}
.bg .bg_right{
	float: right;
	font-size: 0.2791rem;
	margin-right: 4.6785vw;
}


.tengvideo{
	width: 100vw;
	height: auto;
	overflow: hidden;
	// background-color: #e9e9e9;
	// padding-bottom: 10px;
}
// 左边的图片
.tengvideo .tengimg{
	width: px2vw(209);
	height: px2vw(142);
	@include imgwrapper;
	float: left;
	margin-left: px2vw(28);
	margin-top: px2vw(23);
}
// 右边的内容
.tengvideo .tengcontent{
	width: px2vw(359);
	height: px2vw(142);
	// @include imgwrapper;
	// background-color: red;
	float: right;
	margin-right: px2vw(28);
	margin-top: px2vw(23);
	position: relative;
}
.tengcontent>p{
	font-size: .40625rem;
	margin-bottom: px2vw(14);
}
.neirong>p{
	font-size: .34375rem;
	color:#939393;
}

.tengcontent .bot{
	position: absolute;
	right: 0;
	bottom: 0;
	line-height: 0;
}
.tengcontent>.bot>span{
	display: inline-block;
	// float: right;
	margin-left: px2vw(10);
	font-size: .28125rem;
	color:#939393;
}

.tengcontent .bot em{
	display: inline-block;
	margin-left: px2vw(5);
}

// 中间的分割线
.fenxian{
	width: 100vw;
	height: 1px;
	@include imgwrapper;
	margin-top: px2vw(30);
	margin-bottom: px2vw(16);
}

// 脚部部分设置
footer{
	width: 100vw;
	height: auto;
	// margin-top: 1rem;
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}
footer p{
	font-size: 0.34375rem;
	margin-top: px2vw(20);
	margin-bottom: px2vw(32);
}

.foot_bg{
	margin-top: px2vw(10);
	width: 100vw;
	text-align: center;
	height: px2vw(100);
	// background-color: red;
	background: url(../images/footer.png) 0 center no-repeat;
	background-size: cover ;
}

.foot_bg .liebiao{
	width: 100vw;
	height: px2vw(100);
}
.foot_bg .liebiao img{
	// display: block;
	// width: 20vw;
	float: left;
	height: 100%;
	display: inline-block;
	padding-left: 4.55vw;
	padding-right: px2vw(20);
	padding-top: px2vw(10);
}